<template>
  <view class="popup">
    <up-popup
      :show="show"
      mode="center"
      :closeable="true"
      :closeOnClickOverlay="false"
      @close="close"
      @open="open"
    >
      <view class="content">
        <image
          class="detail"
          :src="ImgNewPeopleColor"
          mode="widthFix"
          @tap="onJump"
        />
        <image
          class="go"
          :src="ImgNewPeopleGoColor"
          mode="widthFix"
          @tap="onJump"
        />
      </view>
    </up-popup>
  </view>
</template>

<script setup>
import { reactive, ref } from "vue";
import BasicConfig from "@/utils/config";
import errorCode from "../utils/http/errorCode";
import { ImgNewPeopleColor, ImgNewPeopleGoColor } from "../utils/iconMap";
import { jumpPage } from "../utils/route/route";
const $emit = defineEmits(["update:show", "close"]);
const $props = defineProps({
  show: {
    type: Boolean,
    default: false,
  },
});
const $data = reactive({});
const onJump = () => {
  jumpPage({
    to: "/package-my/pages/coupons/myCoupons",
  });
  close();
};
const close = () => {
  $emit("update:show", false);
};
const open = () => {};
</script>
<script>
// 小程序穿透
export default {
  options: { styleIsolation: "shared" },
};
</script>
<style lang="scss" scoped>
.popup {
  ::v-deep .u-popup__content {
    // height: 30vh;
    background: rgba($color: #000000, $alpha: 0);
  }
  .content {
    background: rgba($color: #000000, $alpha: 0);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    .detail {
      //   width: 60vw;
      position: relative;
    }
    .go {
      width: 80vw;
      position: relative;
      top: -10vh;
    }
  }
}
</style>
